<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>贴吧回复管理</title>
		<link rel="stylesheet" type="text/css" href="../css/iview.css">
		<script src="../js/vue.min.js"></script>
		<script src="../js/iview.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<script src="../js/index.js"></script>
		<script src="../js/axios.js"></script>

	</head>
	<body>


		<div id="app" align="center">
			<el-container>
				<el-aside width="200px">
					<el-col>
						<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"
						 background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
							<el-submenu index="1">
								<template slot="title">
									<i class="el-icon-location"></i>
									<span>回复管理</span>
								</template>
								<el-menu-item-group>
									<el-menu-item index="1-1"><a href="index.html">帖子管理</a></el-menu-item>
									<el-menu-item index="1-2"><a href="types.html">回复管理</a></el-menu-item>
									<el-menu-item index="1-3"><a href="Hreply.html">分类管理</a></el-menu-item>
								</el-menu-item-group>
							</el-submenu>
						</el-menu>
					</el-col>
				</el-aside>
				<el-main>
					<div>
						<!--条件查询的条件输入框-->
			
						<font size="4">回复人:</font>
						<el-input v-model="userName" placeholder="请输入内容" style="width: 150px;line-height: 50px;"></el-input>

						<font size="4">排序:</font>
						<el-select v-model="orderBy" style="width: 150px;line-height: 50px;" placeholder="请选择">
							<el-option v-for="s in options3" :key="s.value" :label="s.label" :value="s.value" :disabled="s.disabled">
							</el-option>
						</el-select>
						<el-button type="primary" icon="el-icon-search" @click="queryreply()" round>搜索</el-button>

					</div>

					<div style="width: 100%;">
						<template>
							<!--element表格-->
							<el-table :data="replyList.slice((currentPage-1)*pagesize,currentPage*pagesize)" style=" width: auto">
								<el-table-column type="index" label="序号" :show-overflow-tooltip="true">
								</el-table-column>
								<el-table-column prop="replyContent" label="回复内容" :show-overflow-tooltip="true">
								</el-table-column>
								<el-table-column prop="replyUsername" label="回复人" :show-overflow-tooltip="true">
								</el-table-column>
								<el-table-column prop="replyTime" label="回复时间" :show-overflow-tooltip="true">
								</el-table-column>
								<el-table-column prop="replyLikenum" label="浏览数" :show-overflow-tooltip="true">
								</el-table-column>
								<el-table-column prop="replyLikenum" label="点赞数" :show-overflow-tooltip="true">
								</el-table-column>
								<el-table-column prop="replyReportnum" label="举报数" :show-overflow-tooltip="true">
								</el-table-column>

								<el-table-column prop="operation" label="回复操作" align="center" min-width="80">
									<template slot-scope="scope">
										<el-button type="danger" icon="el-icon-delete" circle @click="delete(scope.row)" size="mini"></el-button>
										<el-button type="danger" icon="el-icon-tickets" circle @click="dialog(scope.row)" size="mini"></el-button>
										<el-button type="danger" icon="el-icon-setting" circle @click="setTYPE(scope.row)" size="mini"></el-button>
									</template>
								</el-table-column>
							
							</el-table>
						</template>
					</div>

					<el-dialog title="设置类型" :visible.sync="dialogVisible3">
						<!-- <el-input v-model="postId" placeholder="Id" style="width: 50px; line-height: 10px;"></el-input> -->
						<el-container>
							<el-aside>
								<span>YES贴子类型</span>
								<el-table :data="typelistyes">
									<el-table-column property="typeId" label="编号" width="80"></el-table-column>
									<el-table-column property="typeName" label="类型名称" width="150"></el-table-column>
									<el-table-column prop="operation" label="操作" align="center" min-width="50">
										<template slot-scope="scope">
									<el-button type="info" icon="el-icon-d-arrow-right" circle @click="deleteTYPE(scope.row)" size="mini"></el-button>
											</el-button>
										</template>
									</el-table-column>
								</el-table>
							</el-aside>
							
							
							<el-main>
								<span>NO贴子类型</span>
								<el-table :data="typelistno">
									<el-table-column property="typeId" label="编号" width="80"></el-table-column>
									<el-table-column property="typeName" label="类型名称" width="150"></el-table-column>
									<el-table-column prop="operation" label="操作" align="center" min-width="50">
										<template slot-scope="scope">
								<el-button type="info" icon="el-icon-d-arrow-left" circle @click="insertTYPE(scope.row)" size="mini"></el-button>
								
											</el-button>
										</template>
									</el-table-column>
								</el-table>
							</el-main>
						</el-container>
					</el-dialog>
           
           					<el-dialog :visible.sync="dialogVisible2" width="30%" :before-close="handleClose">
           						<el-input v-model="reportId" placeholder="Id" style="width: 50px; line-height: 10px;"></el-input>
           						<span>确定删除吗？</span>
           						<span slot="footer" class="dialog-footer">
           							<el-button @click="dialogVisible2 = false">取 消</el-button>
           							<el-button type="primary" @click="deleteport()">确 定</el-button>
           						</span>
           					</el-dialog>
					<el-dialog title="帖子内容详情" :visible.sync="dialogVisible" width="60%" :before-close="handleClose">
						<el-input type="textarea" :rows="10" placeholder="请输入内容" v-model="textarea"></el-input>
						<span slot="footer" class="dialog-footer">
							<el-button @click="dialogVisible = false">取 消</el-button>
						</span>
					</el-dialog>

					<el-dialog title="举报详情" :visible.sync="dialogTableVisible">
				 <!-- <el-input v-model="replyId" placeholder="Id" style="width: 50px; line-height: 10px;"></el-input>
 -->
						<el-table :data="reportlist">
							<el-table-column property="userId" label="举报人ID" width="100"></el-table-column>
							<el-table-column property="reportReason" label="举报内容" width="250"></el-table-column>
							<el-table-column prop="operation" label="举报操作" align="center" min-width="80">
								<template slot-scope="scope">
									<el-button type="danger" icon="el-icon-delete" circle @click="deleteReport(scope.row)" size="mini"></el-button>
									</el-button>
								</template>
							</el-table-column>
						</el-table>
					</el-dialog>
         				<el-dialog title="帖子ID回复列" :visible.sync="dialogTableVisible2">
         				<!-- <el-input v-model="replyId" placeholder="Id" style="width: 50px; line-height: 10px;"></el-input>
         -->
         					<el-table :data="replyList">
         						<el-table-column type="index" label="序号" :show-overflow-tooltip="true">
         						</el-table-column>
         						<el-table-column property="replyContent" label="回复内容" width="250"></el-table-column>
										<el-table-column property="replyTime" label="回复时间" width="100"></el-table-column>
         						<el-table-column prop="operation" label="回复操作" align="center" min-width="80">
         							<template slot-scope="scope">
         								<el-button type="danger" icon="el-icon-delete" circle @click="deletereply(scope.row)" size="mini"></el-button>
         								</el-button>
												<el-button type="danger" round @click="hahahss(scope.row)" size="mini">回复举报
												</el-button>
         							</template>
         						</el-table-column>
         					</el-table>
         				</el-dialog>
					<el-dialog :visible.sync="dialogVisible2" width="30%" :before-close="handleClose">
					<!-- 	<el-input v-model="reportId" placeholder="Id" style="width: 50px; line-height: 10px;"></el-input> -->
						<span>确定删除吗？</span>
						<span slot="footer" class="dialog-footer">
							<el-button @click="dialogVisible2 = false">取 消</el-button>
							<el-button type="primary" @click="deleteport()">确 定</el-button>
						</span>
					</el-dialog>

					<el-pagination class="fy" layout="prev, pager, next" @current-change="current_change" :total="total" :page-size="pagesize"
					 background>
					</el-pagination>
				</el-main>
			</el-container>

		</div>
	</body>

	<script>


		var Main = new Vue({
        el: '#app',

        /*初始化方法放在这里面(相当于页面加载事件)*/
        mounted: function () {
            
            this.queryreply();
        },

        
        /*数据*/
        data() {
            return {
                options2: [ /* 帖子类型 */
                    {
                        value: '精选',
                        label: '精选'
                    }, {
                        value: '置顶',
                        label: '置顶'
                    }],

                user: {},
                options3: [ /* 帖子排序 */
                    {
                        value: 'replyTime',
                        label: '回复时间'
                    }, {
                        value: 'replyLikenum',
                        label: '点赞数'
                    }, {
                        value: 'replyReportnum',
                        label: '举报数'
                    }],

             replyId: "",
             postId:"",
             replyUsername: "",
             isStick: "",
             isSelect: "",
             replyTime: "",
             replyContent: "",
             replyLikenum: "",
             replyReportnum: "",
						 replyBrowse: "",
             orderBy:"",
             reportId:"",    
             reportReason: "",
             dialogVisible: false,
             dialogVisible2: false,
						 dialogVisible3: false,
             dialogTableVisible:false,
						 dialogTableVisible2:false,
             total: 50,//默认数据总数
             pagesize: 10,//每页的数据条数
             currentPage: 1,//默认开始页面

             replyList: [],
             reportlist: [],

            };
        },
        /*方法函数写在这里面*/
        methods: {

            addrudic() {
                alert("dsaf")


            },
						
/* 						dialog(val){
							
							this.dialogVisible=true;
							this.textarea=val.replyContent;
							
							
						}, */


            queryreply() {

                let params = new URLSearchParams();
								params.append("orderBy", this.orderBy);
								params.append("page",this.currentPage);
								params.append("rows",this.pagesize);
                axios({
                    method: 'post',
                    url: '/api/bbs/reply/getAllReply',
                    data: params,
                    headers: {
                        //"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
                    }
                }).then(res => {
                    res = res.data;
                    this.replyList = res.rows;
                    this.total = res.total;
										console.log('replyList==>'+this.replyList);
                })

            },
						
			/* 			hahah(row){
												 
													this.dialogTableVisible=true;
												  this.replyId=row.replyId;
														let params = new URLSearchParams();
														params.append("replyId",this.replyId);
													axios({
																							method: 'post',
																							url: '/api/bbs/report/getreport',
																							data: params,
																							headers: {
																									//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																							}
																					}).then(res => {
																							res = res.data;
																	this.reportlist = res.rows;
																	
																						console.log('reportlist==>'+this.reportlist);
																					})
												},
					hahahss(row){
											
												this.dialogTableVisible=true;
												this.replyId=row.replyId;
													let params = new URLSearchParams();
													params.append("replyId",this.replyId);
												axios({
																						method: 'post',
																						url: '/api/bbs/report/getreport',
																						data: params,
																						headers: {
																								//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																						}
																				}).then(res => {
																						res = res.data;
																this.reportlist = res.rows;
																
																					console.log('reportlist==>'+this.reportlist);
																				})
											},
							replys(row){
								this.dialogTableVisible2=true;
								this.postId=row.postId;
									let params = new URLSearchParams();
									params.append("postId",this.postId);
								axios({
																		method: 'post',
																		url: '/api/bbs/reply/getReplyByPostId',
																		data: params,
																		headers: {
																				//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																		}
																}).then(res => {
																		res = res.data;
												this.replyList = res.rows;
												
																	console.log('replyList==>'+this.replyList);
																})
																
							}	,																		
													setTYPE(row){
														this.dialogVisible3=true;
													this.postId=row.postId;
													this.typeId=row.typeId;
													this.typeno();
													this.typeyes();
													},

													deleteTYPE(row){
														let params = new URLSearchParams();
														params.append("postId",this.postId);
														params.append("typeId",row.typeId);
																				axios({
																														method: 'post',
																														url: '/api/bbs/type/rePostType',
																														data: params,
																														headers: {
																																//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																														}
																												}).then(res => {
																													res=res.data
																							if (res.success) {
																									
																									alert(res.message)
																									this.typeyes();
																									this.typeno();	
																							} else {
																									alert(res.message)
																							}
																							
													
																					})
																					},
													insertTYPE(row){
														let params = new URLSearchParams();
														params.append("postId",this.postId);
														params.append("typeId",row.typeId);
																				axios({
																														method: 'post',
																														url: '/api/bbs/type/addPostType',
																														data: params,
																														headers: {
																																//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																														}
																												}).then(res => {
																													res=res.data
																							if (res.success) {
																									
																									alert(res.message)
																									this.typeyes();
																									this.typeno();	
																							} else {
																									alert(res.message)
																							}
																							
													
																					})
																					},
										
													typeno(){	
														
															let params = new URLSearchParams();
															params.append("postId",this.postId);
														axios({
																								method: 'post',
																								url: '/api/bbs/type/queryNoType',
																								data: params,
																								headers: {
																										//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																								}
																						}).then(res => {
																								res = res.data;
																		this.typelistno = res;
																		
																							console.log('typelistno==>'+this.typelistno);
																						})
													},				
														typeyes(){	
															
																let params = new URLSearchParams();
																params.append("postId",this.postId);
															axios({
																									method: 'post',
																									url: '/api/bbs/type/queryType',
																									data: params,
																									headers: {
																											//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																									}
																							}).then(res => {
																									res = res.data;
																			this.typelistyes = res;
																			
																								console.log('typelistyes==>'+this.typelistyes);
																							})
														},			
														
												deleteReport(row){
													
													this.dialogVisible2=true;
													this.reportId=row.reportId;
													},
													
													
													deleteport(){
													let params = new URLSearchParams();
													params.append("reportId",this.reportId);
													axios({
																							method: 'post',
																							url: '/api/bbs/report/deleteport',
																							data: params,
																							headers: {
																									//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																							}
																					}).then(res => {
																						res=res.data
																if (res.success) {
																		
																		alert(res.message)
																		this.dialogVisible2=false;
																		
																		  
																} else {
																		alert(res.message)
																}
																
						
														})
												},
												reports(){
													let params = new URLSearchParams();
													params.append("replyId",this.replyId);
												axios({
																						method: 'post',
																						url: '/api/bbs/report/getreport',
																						data: 'params',
																						headers: {
																								//"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUzMTEzMCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjQyNWQxN2NiLTA1MTEtNGUwNy1iZTBiLTMxNDY1MDYxYzhhYSIsImNsaWVudF9pZCI6ImllcCJ9.4ELHXcBVRxTDYAQP0CBYTTY9mxMqLgJhdFONiH6o_fs"
																						}
																				}).then(res => {
																						res = res.data;
																this.reportlist = res.rows;
																
																					console.log('reportlist==>'+this.reportlist);
																				})
												
																		}, 
						delete(val){
							let params = new URLSearchParams();
							                params.append("replyId", val.replyId)
							                axios({
							                    method: 'post',
							                    url: '/api/bbs/post/deletePost',
							                    data:
							                    params,
							
							                    headers: {
							                        //"Authorization": "bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiLlvKDkuIkiLCJzY29wZSI6WyJhbGwiLCJyZWFkIiwid3JpdGUiXSwiY29tcGFueSI6ImllcCIsImV4cCI6MTU0NDUwNTc3MCwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6IlJPTEVf5a2m55SfIn0seyJhdXRob3JpdHkiOiLmtYvor5XmnYPpmZAifV0sImp0aSI6IjllMjI1MDUyLTViNDQtNGI0MS05ZTRkLTk4NmNhMTJjZWZkZCIsImNsaWVudF9pZCI6ImllcCJ9.qxP1BynI41fIAAgXxeS-hYVIxdbiIpcjy3GQXrhPEh8"
							                    }
							                }).then(res => {
							                    if (res.success) {
							                        this.reload();
							                        alert(res.message)
							                    } else {
							                        alert(res.message)
							                    }
							                })
						}, */

         
            /*对话框关闭与否触发的方法*/
            handleClose(done) {
                this.$confirm('确认关闭？')
                    .then(_ => {
                        done();
                    })
                    .catch(_ => {
                    });
            },

            handleSizeChange(val) {
                this.pagesize = val;
                console.log(this.pagesize)  //每页下拉显示数据
            },

            handleCurrentChange() {
                this.currentPage = currentPage;
                console.log(this.currentPage)  //点击第几页
            },

            created: function () {
                this.total = this.tableData.length;
            },
            current_change: function (currentPage) {
                this.currentPage = currentPage;
            },
						handleOpen(key, keyPath) {
							console.log(key, keyPath);
						},
						handleClose(key, keyPath) {
							console.log(key, keyPath);
						}
        }

    });

</script>

	<style type="text/css">
		.el-aside {
			background-color: #D3DCE6;
			color: #333;
			text-align: center;
			line-height: 200px;
		}

		.el-main {
			background-color: #E9EEF3;
			color: #333;
			text-align: center;
			line-height: 160px;
		}
	</style>
	</body>
</html>
